@charset "utf-8";

/* Font-Face */
 @font-face{
 font-family:NanumGothic;
 src:url("/Fonts/NanumGothic.eot");
 src:url("/Fonts/NanumGothic.eot?#iefix") format('embedded-opentype'),
 url("/Fonts/NanumGothic.woff") format('woff'),
 url("/Fonts/NanumGothic.ttf") format('truetype');
 url("/Fonts/NanumGothic.svg#NanumGothic") format('svg')
 src:local(※), url("/Fonts/NanumGothic.woff") format('woff');
 }
 
/* ie7 */
/* *:first-child+html */

/* ie6 */
/* *html */

/* mozila */
/* , x:-moz-any-nk, x:defaullit */

/* 사파리,크롬 */
/*@media screen and (-webkit-min-device-pixel-ratio:0) { } */

/* 오페라9.27이하 */
/* html:first-child */
* {
	margin:0;
	padding:0;
}

html {
    height:100%;
}

body    
{ 
    height: 100% !important;
    font-size: 0.75em;
	line-height: 1.5em;
	font-family: Gulim, Dotum, Verdana,  sans-serif;
	color:#575757;
	width:100%;
	scrollbar-arrow-color:#a7a7a7;
	scrollbar-face-color:#e0e0e0;
	scrollbar-highlight-color:#e0e0e0;
	scrollbar-shadow-color:#e0e0e0;
	scrollbar-3dlight-color:#fafafa;
	scrollbar-darkshadow-color:#fafafa;
	scrollbar-track-color:#fafafa;
}

table {
	border-collapse:collapse;
	border-spacing:1px;
}

h1 {
	font-size:2em;
	padding:0;
	margin:0;
}
h2 {
	font-size:1.4em;
	padding:0;
	margin:0;
}
h3 {
	font-size:1.2em;
	padding:0;
	margin:0;
}
h4
{
	font-size:1em;
	padding:0;
	margin:0;
}
h5
{
	font-size:1em;
	padding:0;
	margin:0;
}
h6 {
	font-size:1em;
	padding:0;
	margin:0;
}

hr {
	display:none;
	padding:0;
	margin:0;
}

ul, li, dl, dt, dd {
	margin:0;
	padding:0;
	list-style:none;
}

address 
{
   font-style:normal;
}

/** 모든 테그 여백 초기화 **/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, img, a, form, hr, input, p, span, hr
{
	margin: 0;
	padding: 0;  
}

form 
{
    margin:0; padding:0;
}

/* IE scroolbar color */
/*html body {
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #dddddd; 
	scrollbar-highlight-color: #dddddd;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #dddddd
} */

/* IE PGN24 */

.pointer {
	cursor:pointer;cursor:hand;
}

img
{
padding:0;
margin:0;
border:0 none;
}


/* 기본링크 */
a:link, a:visited {
	color:#575757;
	text-decoration: none;
}
a:hover, a:active {
	color:#4378b6;
	text-decoration:underline;
}

/*         ------------- 레이아웃(S) -------------        */   

#divWrap    {width:1250px; margin:0 auto; }
#divBody    {clear:both; position:relative;}

#paging {float:left;text-align:center; line-height:160%; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#777; width:100%; margin-top:15px;}
#paging strong { color:#006869;}
#paging a:link {color:#666;}
#paging a:active {color:#666;}
#paging a:hover {color:#006869;}
#paging a:visited {color:#666;}

#divHead {text-align:right;}

/*         ------------- 메인(E) -------------        */


/*         ------------- 서브레이아웃(S) -------------        */

#divLeft    {width:220px; float:left; _display:inline; margin-bottom:50px;}

#divContainer           {width:1010px; padding:0 0 10px 20px; float:left; *zoom:1; _zoom:0;}
#divContainer #pNavi    {border:solid 1px #dfe0e4; background-color:#f9f9f9; padding:5px; font-size:0.9em;}
#divContainer   {font-family:Gulim, Dotum, Verdana, sans-serif;}
#divContainer h2        {color:#006869; font-size:2em; margin-top:20px; border-bottom:solid 2px #9fcccd; line-height:250%; font-family:dotum;margin-bottom:15px;}
#divContainer h3        {background:url(/images/bullet/icon_h3.gif) 0 6px no-repeat; padding:6px 0 0 20px; font-size:12px; margin-bottom:5px; float:left;}

/* 푸터 */
#divFooter {clear:both; background:#fff; border-top:solid 1px #b9b9b9; text-align:center; padding:5px; color:#999999; font-family:chin9, Verdana; font-size:1em;}

/*         ------------- 서브레이아웃(E) -------------        */

/*         ------------- Form(S) -------------        */
textarea {
	padding:2px 3px;
	vertical-align: middle;
	font-size:12px !important;
	color:#30323f;
	border:1px solid #dfdfdf;
	background: #fff;
	font-family :Verdana, gulim, Dotum !important;
	margin-left:0px;
}

select {
	vertical-align: middle;
	font-size:12px;
	color:#575757;
	width:auto;
	font-family:Gulim, Dotum, Verdana,  sans-serif; 
}
lable
{
	display:block;
}
fieldset
{
	border:solid 0 transparent;
	padding:0;
	margin:0;
}
legend
{
	display:none;
}

input[type="button"] {
    border:solid 1px #c6c6c6;
    padding:2px;
	vertical-align: middle;
	font-size:12px;
	color:#575757;
	width:auto;
	font-family:Gulim, Dotum, Verdana,  sans-serif; 
}

input[type="file"] {
    padding:0px 2px 2px 0 !important; vertical-align:middle; height:20px !important; font-size:12px !important; border:solid 1px #c6c6c6;}


input[type="text"], input[type="password"] 
{
    border:solid 1px #c6c6c6;
    padding:2px;
	vertical-align: middle;
	font-size:11px !important;
	color:#30323f;
	width:180px;
	font-family:Verdana, Gulim, Dotum, sans-serif;   
	margin-left:0px !important;
}


input[type="checkbox"] {
    position:relative; top:0px; padding:0px 2px 2px 0 !important; vertical-align:middle;}

* html input[type="checkbox"] {
    position:relative; top:0px; padding:0 5px 2px 0 !important; vertical-align:middle; }

input[type="radio"] {
    position:relative; top:0px; padding:0px 2px 2px 0 !important; vertical-align:middle; }

* html input[type="radio"] {
    position:relative; top:0px; padding:0 5px 2px 0 !important; vertical-align:middle; }

input[type="image"] {
    border:0 none;
    padding:0;
    margin:0;
    vertical-align:middle;
}

label               {padding:0 10px 0 0 !important; vertical-align:bottom !important;} 

p.Btn {margin-left:5px; float:right;}

input.BtnStyle1  {border:solid 1px #157778; background:url(../images/btn_bg01.gif) left bottom repeat-x; height:22px !important; margin-left:5px; cursor:pointer;cursor:hand; color:#fff; font-weight:bold; font-size:12px !important; padding:3px 5px 0 5px; font-family:gulim;vertical-align:middle;}
input:hover.BtnStyle1  {border:solid 1px #197a7a; background:url(../images/btn_bg01_over.gif) left bottom repeat-x; height:22px !important; margin-left:5px; cursor:pointer;cursor:hand; color:#005455; font-weight:bold; font-size:12px !important; padding:2px 5px 0 5px; font-family:gulim; vertical-align:middle;}

input.BtnStyle2  {border:solid 1px #aaa; background:url(../Images/btn_list_bg.gif) 0 1px repeat-x;  height:20px !important; cursor:pointer;cursor:hand; color:#757575; font-size:11px !important; padding:3px 5px 0 5px; font-family:dotum; font-weight:bold;}
input:hover.BtnStyle2  {border:solid 1px #f79839; background:url(../Images/btn_list_bg_over.gif) 0 1px repeat-x;  height:20px !important; cursor:pointer;cursor:hand; color:#ff6666; font-size:11px !important; padding:3px 5px 0 5px; font-family:dotum;font-weight:bold;}

/*         ------------- Form(E) -------------        */

/*         ------------- Contents(S) -------------        */
/* 기본 테이블 (테이블 내에 컨트롤이 들어가면서 Infra 변형시 table 스타일이 문제되므로 클래스로 조정했음) */
#divContainer fieldset.InputTable                       {margin:0 auto 0 auto; clear:both;}
#divContainer fieldset.InputTable .table                 {border-collapse:collapse; width:100%; background:#f3f3f3;  border-left:#CCC 1px solid; border-right:#CCC 1px solid; }
#divContainer fieldset.InputTable .table th.th              {padding:3px 6px 2px 20px; background:url(/images/bullet/input_dot.gif) 13px 8px no-repeat; font-size:12px; color:#30323f; font-family:dotum; font-weight:bolder; letter-spacing:-1px; line-height:1.3; text-align:left; vertical-align:top;}
#divContainer fieldset.InputTable .table ul li.th      {padding:3px 6px 2px 20px; background:url(/images/bullet/input_dot.gif) 13px 8px no-repeat; font-size:12px; color:#30323f; font-family:dotum; font-weight:bolder; letter-spacing:-1px; line-height:1.3; text-align:left; vertical-align:top;}
#divContainer fieldset.InputTable .table td.td              {padding:2px 0 2px 0;font-family:dotum; vertical-align:top;}

/** 같은ID로 여러번 지정하기가 뭐해 클래스로 조정 **/
#divContainer .InputImg { clear:both; height:7px;}
#divContainer .InputImg table 			            	{float:left; width:100%;}
#divContainer .InputImg	table td.wh            			{width:7px; height:6px;}
#divContainer .InputImg	table td.tp             		{background:#f3f3f3;  border-top:#CCC 1px solid; height:6px;}
#divContainer .InputImg	table td.btm             		{height:7px;background:#f3f3f3;  border-bottom:#CCC 1px solid; height:6px;}

#divContainer fieldset.InputTable02                     {clear:both; padding-bottom:3px; padding-top:2px;}
#divContainer fieldset.InputTable02 .table               {border-collapse:collapse; width:100%; border-top:#169598 2px solid; border-bottom:#169598 2px solid; }
#divContainer fieldset.InputTable02 .table .th            {padding:3px 5px 2px 5px; font-size:12px; color:#30323f; font-family:dotum; font-weight:bolder; letter-spacing:-1px; line-height:1.3; text-align:left; border-bottom:solid 1px #c1c1c1; border-right:solid 1px #c1c1c1; background:#efefef; vertical-align:top;}
#divContainer fieldset.InputTable02 .table .th.TAC        {text-align:center;}
#divContainer fieldset.InputTable02 .table th.NBr        {border-bottom:solid 1px #c1c1c1; border-right:none;}
#divContainer fieldset.InputTable02 .table .td            {padding:3px 5px 2px 5px;font-family:dotum; border:solid 1px #c1c1c1;}
#divContainer fieldset.InputTable02 .table td.NBr        {border-right:none;}
#divContainer fieldset.InputTable02 .table td.NBl        {border-left:none;}

#divContainer fieldset.InputTable02 .insertTable		{border:0 !important; margin:0;}
#divContainer fieldset.InputTable02 .insertTable td		{border:0 !important; padding:0 !important;}
#divContainer fieldset.InputTable02 .insertTable th		{border:solid 1px #fff !important; padding:5px 0 5px 0 !important; background:#f7f7f7; text-align:center; font-weight:100;}

#divContainer fieldset.GridTable                       {clear:both;}
#divContainer fieldset.GridTable .table                 {border-collapse:collapse; width:100%; border:#509d9c 1px solid; border-top:#509d9c 2px solid;}
#divContainer fieldset.GridTable .table th              {background:url(../images/Grid_th.gif) repeat-x; font-size:11px; color:#30323f; font-family:dotum; font-weight:bold; letter-spacing:-1px; line-height:24px; border:solid 1px #b4d2d2; padding-top:2px;}
#divContainer fieldset.GridTable .table td              {font-family:dotum; border:solid 1px #b4d2d2;line-height:24px; padding-top:2px;}
#divContainer fieldset.GridTable .table td.th           {font-family:dotum; background:#eee; font-weight:bold; color:#30323f; font-size:11px; text-align:center; line-height:24px; padding-top:2px;}

div.BtnRight                    {text-align:right; float:right; margin-top:5px; *zoom:1; _zoom:0;}
div.h3_txt						{float:left; padding-top:7px; font-size:11px; color:#666; padding-left:20px; font-family:dotum;}
div.Grid						{float:left; width:100%; padding-top:2px; padding-bottom:5px; /*border:solid 1px #eee;*/}
div.Grid .BtnRight				{padding-bottom:2px;}

/*  탭 */

/* 탭 기본 */
.Tab                            {display:inline-block; background:url(../Images/tab.gif) 0 0 no-repeat;
                                 height:37px; width:82px; color:#777; font-weight:bold; padding:0 !important; letter-spacing:-1px !important;}
.Tab span                       {line-height:37px; text-align:center; display:block; height:35px; width:82px; }

/* 탭 선택 */
.TabSelected                    {display:inline-block; background:url(../Images/tab_on.gif) 0 0 no-repeat; color:#fff; width:82px; height:37px !important; text-decoration:none; font-weight:bold;}
.TabSelected span                {line-height:37px; text-align:center; display:block; height:35px; width:82px; }
.TabSelectedText, .igtab_FeatureBrowserTHText, TabSelectedText igtab_FeatureBrowserTHTextSel{color:#000 !important;  padding:0 !important; position:relative; top:0px;} 

/* 탭 옵션 */
.TabHover                       {background:url(/Images/tab_.gif) 0 0; color:#666; text-decoration:none; z-index:20000;}
.TabHover span                  {color:#666 !important;}
.TabDisabled                    {background:url(/Images/tab.gif) 0 0 no-repeat; color:#7d7d7d !important; padding:0 !important;}
.TabContainer                   {border:none; width:100%; margin-bottom:5px;}
.ClientTabs                     {padding:0 5px 0 10px; background-color:Transparent; position:relative; top:7px;}
.TabActive                      {border:none !important;}
.EndTab                         {padding-right:0px !important; }
.TabSelected .TabSelectedInt img{padding:0 !important;}
.TabSelected .TabSelectedInt span{padding:0 !important;}
.TabContentContainer            {background-color:transparent;}
.HeaderContainer                {height:30px; position:relative; top:2px; z-index:1000; background:none;}
.TabItemsContainer              {border:#a8a8a8 0px solid;}
.igtab_THText                   {margin:0 10px 0 0;}

/* 텍스트영역 */
.TxtArea						{float:left; width:980px; background:#eee; font-size:11px; color:#777; border:solid 1px #DDD; padding:10px; margin-top:10px;}
.TxtArea span					{display:inline-block; width:300px; margin-right:10px;}
.TxtArea strong					{color:#333;}
.readOnly						{ padding-left:0px; }
.readOnly span						{display:block;border:solid 1px #ccc; background:#fff; color:#777; padding:1px 5px 2px 5px; height:14px;}
.TxtArea2						{float:left; width:880px; background:#eee; font-size:11px; color:#777; border:solid 1px #DDD; padding:10px; margin-top:10px;}

/* Color */
.Red {color:#FF6666;}
.Gray { color:#666;}

/* Size */
.f11 { font-size:11px; font-family:dotum;}

/* margin */
.mgn_L5 { margin-left:5px;}
.mgn_L10 { margin-left:10px;}
.mgn_L15 { margin-left:15px;}
.mgn_L20 { margin-left:20px;}

.mgn_R5 { margin-right:5px;}
.mgn_R10 { margin-right:10px;}
.mgn_R15 { margin-right:15px;}
.mgn_R20 { margin-right:20px;}

.mgn_T5 { margin-top:5px;}
.mgn_T10 { margin-top:10px;}
.mgn_T15 { margin-top:15px;}
.mgn_T20 { margin-top:20px;}

.mgn_B5 { margin-bottom:5px;}
.mgn_B10 { margin-bottom:10px;}
.mgn_B15 { margin-bottom:15px;}
.mgn_B20 { margin-bottom:20px;}

/* padding */
.pdd_L5 { padding-left:5px;}
.pdd_L10 { padding-left:10px;}
.pdd_L15 { padding-left:15px;}
.pdd_L20 { padding-left:20px;}

.pdd_R5 { padding-right:5px;}
.pdd_R10 { padding-right:10px;}
.pdd_R15 { padding-right:15px;}
.pdd_R20 { padding-right:20px;}

.pdd_T5 { padding-top:5px;}
.pdd_T10 { padding-top:10px;}
.pdd_T15 { padding-top:15px;}
.pdd_T20 { padding-top:20px;}

.pdd_B5 { padding-bottom:5px;}
.pdd_B10 { padding-bottom:10px;}
.pdd_B15 { padding-bottom:15px;}
.pdd_B20 { padding-bottom:20px;}


/*         ------------- Contents(E) -------------        */